   .pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
a{
    text-decoration: none !important;
}
#head{
    width:100%;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    .pxToRem(height, 105);
    background: #b59969;
    display: flex;
   align-items: center;
    justify-content: center;
    z-index: 999;
    .xh{
            .pxToRem(width, 285);
         .pxToRem(font-size, 28); 
         
         border: 1px solid #fff;
         .pxToRem(padding,7);
           background: #fff;
            display: flex;
            
            justify-content:space-around;
           .pxToRem(border-radius,50);
           .yl{
               .pxToRem(letter-spacing,10);
                .pxToRem(width, 150);
               border: 1px solid #b69967;
              .pxToRem(border-radius,50);
              background: #b69967;
             color: #fff;
             .pxToRem(line-height,50);
               text-align: center;
           }
           .wo{
                .pxToRem(width, 150);
              
          .pxToRem(letter-spacing,10);
             color: #b69967;
              .pxToRem(line-height,50);
               text-align: center;
           }
        
    }
}
   
   
   
   .ul{   
        position: fixed;
    left: 0;
    top: 0;
          width: 100%;
        position: fixed;
      .pxToRem(top,95); 
        
        left: 0;
        border-bottom: 2px solid #d2d2d2;
        background: #efefef;
        z-index: 99;
        .top {
           
            width: 100%;
            .topone {
                .pxToRem(height, 80);
                display: flex;
                justify-content: center;
                align-items: center;
                box-sizing: border-box;
                width: 100%;
                div {
                    flex: 1;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    a {
                        width: 80%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #000;
                        box-sizing: border-box;
                        .pxToRem(font-size, 28);
                        text-decoration: none;
                       
                    }
                    .zx {
                        
                        border-bottom: 4px solid #b69967;
                        color: #b69967;
                    }
                }
            }
        }
}

  

.bottom{
    width: 100%;
   .pxToRem(margin-bottom,100);
.pxToRem(margin-top,20);
    .one{
//      
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
         .pxToRem(margin-top,150);
        .box{
             .pxToRem(padding-top,20);
          .pxToRem(margin-bottom,20);
        

            .top{
                width: 100%;
                display: flex;
            align-items: center;
            justify-content: space-around;
                
               
           .topleft{
                width: 50%;
                .pxToRem(padding-left,20);
                .pxToRem(letter-spacing,8);
               color: #B69967;
            }
            .toprigth{
                width:50%;
//              .pxToRem(padding-left,400);
                .pxToRem(letter-spacing,5);
                text-align: right;
            
            }
            }
            .center{
                 .pxToRem(padding-top,10);
                 background: #f6f6f6;
                
                 .nr{

                    .pxToRem(font-size,25);
                    .pxToRem(line-height,40);
//                  .pxToRem(padding,10);
                    .pxToRem(letter-spacing,10);
                     display: block; 
                 }
                img{
                    display: block;
                   .pxToRem(padding-left,100);
                }
                     
                 
            }
            .botto{
                 .pxToRem(padding-top,10);
                    .pxToRem(padding-bottom,30);
                 text-align: right;
                 background: #f6f6f6;
                  .pl{
                       .pxToRem(font-size,20);
                      color: #7c7c7c;
                      .pxToRem(letter-spacing,5); 
                    
                 }
            }
        }
    }  



    .tow{
//      .pxToRem(margin-bottom,200);
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
         .pxToRem(margin-top,150);
        .box{
             .pxToRem(padding-top,20);
          .pxToRem(margin-bottom,20);
        

            .top{
                width: 100%;
                display: flex;
            align-items: center;
            justify-content: space-around;
           .topleft{
                width: 50%;
                .pxToRem(padding-left,20);
                .pxToRem(letter-spacing,8);
               color: #B69967;
            }
            .toprigth{
                width:50%;
//              .pxToRem(padding-left,400);
                .pxToRem(letter-spacing,5);
                text-align: right;
            
            }
            }
            .center{
                 .pxToRem(padding-top,10);
                 background: #f6f6f6;
                
                 .nr{

                    .pxToRem(font-size,25);
                    .pxToRem(line-height,40);
//                  .pxToRem(padding,10);
                    .pxToRem(letter-spacing,10);
                    display: block; 
                 }
                img{
                    display: block;
                    .pxToRem(padding-left,100);
                }
                     
                 
            }
            .botto{
                 .pxToRem(padding-top,10);
                    .pxToRem(padding-bottom,30);
                 text-align: right;
                 background: #f6f6f6;
                  .pl{
                       .pxToRem(font-size,20);
                      color: #7c7c7c;
                      .pxToRem(letter-spacing,5); 
                    
                 }
            }
        }
    }  






    .three{
        
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
         .pxToRem(margin-top,150);
        .box{
             .pxToRem(padding-top,20);
          .pxToRem(margin-bottom,20);
        

            .top{
                width: 100%;
                display: flex;
            align-items: center;
            justify-content: space-around;
           .topleft{
                width: 50%;
                .pxToRem(padding-left,20);
                .pxToRem(letter-spacing,8);
               color: #B69967;
            }
            .toprigth{
                width:50%;
//              .pxToRem(padding-left,400);
                .pxToRem(letter-spacing,5);
                text-align: right;
            
            }
            }
            .center{
                 .pxToRem(padding-top,10);
                 background: #f6f6f6;
                     
                 .nr{
                    display: block;
                    .pxToRem(font-size,25);
                    .pxToRem(line-height,40);
//                  .pxToRem(padding,10);
                    .pxToRem(letter-spacing,10); 
                   display: block; 
                 }
                img{
                    display: block;
                    .pxToRem(padding-left,100);
                }
                  }
            .botto{
                 .pxToRem(padding-top,10);
                    .pxToRem(padding-bottom,30);
                 text-align: right;
                 background: #f6f6f6;
                  .pl{
                       .pxToRem(font-size,20);
                      color: #7c7c7c;
                      .pxToRem(letter-spacing,5); 
                    
                 }
            }
        }
    }  
}



#foot {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    border-top: 1px solid #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    .pxToRem(height, 110); 
    background: #fdfdfd;
    z-index: 99;
    .foote {
        flex: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        height: 100%;
        color: #bfb9b9;
        
        .sps{
            .pxToRem(font-size,40);
            display: inline-block;
        .pxToRem(padding-bottom,10);
         color: #666666;
        }
        .sp{
            color:#b69a63 ;
        }
    }
}